.login{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	image.bg{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.login-top{
		position: absolute;
		left: 0;
		right: 0;
		top: 154rpx;
		text-align: center;
		color: #FFF;
		.login-top-ico{
			image{
				width: 188rpx;
				height: 150rpx;
			}
		}
		.login-top-tit{
			margin-top: 45rpx;
			font-size: 48rpx;
		}
	}
	.login-bottom{
		position: absolute;
		/* #ifdef APP-PLUS */
		bottom: 34rpx;
		/* #endif */
		/* #ifdef MP-WEIXIN || H5 */
		bottom: 150rpx;
		/* #endif */
		left: 0;
		right: 0;
		text-align: center;
		padding: 0 85rpx;
		.isAppleLogin{
			height: 100rpx;
			line-height: 96rpx;
			border-radius: 50rpx;
			margin-bottom: 80rpx;
			border: solid 2rpx #000;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 36rpx;
			image{
				width: 50rpx;
				height: 50rpx;
				vertical-align: top;
				margin: -5rpx 10rpx 0 0;
			}
		}
		.phone-login{
			height: 100rpx;
			line-height: 100rpx;
			border-radius: 50rpx;
			background-color: #2073F5;
			color: #FFF;
			font-size: 36rpx;
		}
		.mini-program-phone{
			background-color: rgba(255,255,255,.7);
			margin-top: 30rpx;
			color: #666;
		}
		.go-home{
			margin-top: 40rpx;
			font-size: 30rpx;
			color: #FFF;
		}
		.others-login{
			margin-top: 80rpx;
			color: #FFF;
			.others-login-tit{
				display: inline-block;
				vertical-align: middle;
				margin: 0 20rpx;
				font-size: 30rpx;
				&::before,
				&::after{
					content: '';
					display: inline-block;
					vertical-align: middle;
					width: 90rpx;
					height: 1px;
					background-color: #FFF;
				}
			}
		}
		.wechat-login{
			margin-top: 35rpx;
			color: #FFF;
			view{
				font-size: 26rpx;
				&:first-child{
					margin-bottom: 20rpx;
				}
				image{
					width: 90rpx;
					height: 90rpx;
				}
			}
		}
	}
	.enter-phone-agree {
		display: flex;
		align-items: flex-start;
		justify-content: left;
		margin-top: 40rpx;
		margin-bottom: -40rpx;
		image{
			width: 45rpx;
			height: 45rpx;
			margin-right: 10rpx;
		}
		view{
			line-height: 52rpx;
			color: #FFF;
			text-align: left;
			flex: 1;
			font-size: 26rpx;
			text{
				color: #2073F5;
			}
		}
	}
}

.enter-phone{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #FFF;
	padding: 50rpx 25rpx 0;
	.enter-phone-close{
		image{
			width: 70rpx;
			height: 70rpx;
		}
	}
	.enter-phone-tit{
		margin-top: 50rpx;
		text{
			display: block;
			&:first-child{
				font-size: 48rpx;
				font-weight: bold;
			}
			&:last-child{
				margin-top: 30rpx;
				font-size: 42rpx;
			}
		}
	}
	.enter-phone-input{
		border-bottom: solid 2rpx #DBDBDB;
		margin-top: 100rpx;
		input{
			font-size: 32rpx;
			padding: 30rpx 0;
		}
	}
	.enter-phone-btn{
		margin-top: 100rpx;
		button{
			background: rgba(32,115,245,.2);
			border-radius: 50rpx;
			height: 100rpx;
			line-height: 100rpx;
			&::after{
				display: none;
			}
			&.active{
				background: rgba(32,115,245,1);
			}
		}
	}
}
.enter-code{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #FFF;
	padding: 50rpx 25rpx 0;
	.enter-code-back{
		image{
			width: 70rpx;
			height: 70rpx;
		}
	}
	.enter-code-tit{
		margin: 80rpx 20rpx;
		font-size: 48rpx;
	}
	.enter-code-tips{
		/* #ifdef MP-WEIXIN */
		margin-bottom: 50rpx;
		/* #endif */
		view{
			color: #999;
			font-size: 28rpx;
			&:last-child{
				margin-top: 20rpx;
			}
		}
	}
	.enter-code-box{
		margin: 50rpx 0;
	}
	.enter-code-countDown{
		text-align: center;
		font-size: 30rpx;
		color: #2073F5;
		/* #ifdef MP-WEIXIN */
		margin-top: 50rpx;
		/* #endif */
	}
}

.protocol{
	background-color: #FFF;
	padding: 30rpx;
	box-sizing: border-box;
	max-height: 600rpx;
	.protocol-scroll-view{
		width: 100%;
		max-height: 540rpx;
		line-height: 50rpx;
		color: #666;
		view{
			font-size: 24rpx;
			&.title{
				text-align: center;
				margin-bottom: 30rpx;
				font-size: 36rpx;
				color: #333;
			}
		}
	}
}

.close{
	text-align: right;
	image{
		width: 70rpx;
		height: 70rpx;
	}
}